<div kendo-window="attachPortForwarding__" k-options="attachPortForwardingOptions__" k-visible="false">
    <div>
        <div class="alert alert-warning col-sm-21" ng-show="!hasVm()">
            {{"portForwarding.attachPortForwarding.hasVm()1" | translate}} <a href="/#/vmInstance">{{"portForwarding.attachPortForwarding.vm instance page" | translate}}</a> {{"portForwarding.attachPortForwarding.hasVm()2" | translate}}.
        </div>

        <h4 class="z-win-h4">{{"portForwarding.attachPortForwarding.ATTACH PORT FORWARDING RULE" | translate}}</h4>
        <form class="form">
            <div class="form-group col-sm-18">
                <label for="ps">{{"portForwarding.attachPortForwarding.VM INSTANCE" | translate}}</label>
                <select id="ps" kendo-drop-down-list="vmList__" k-options="vmListOptions__" class="z-win-dropdown" ng-model="vmNicUuid"></select>
                <p class="z-hint">{{"portForwarding.attachPortForwarding.HINT1" | translate}}</p>
            </div>
            <div class="form-group col-lg-18">
                <button type="button" class="btn btn-default" ng-click="cancel()">{{"portForwarding.attachPortForwarding.Cancel" | translate}}</button>
                <button type="button" class="btn btn-primary" ng-disabled="!canProceed()" ng-click="done()">{{"portForwarding.attachPortForwarding.Attach" | translate}}</button>
            </div>
        </form>
    </div>
</div>
